{include file="profile/common/head"}

<style>
    .follow-list li {
        padding: 10px 0;
    }

    .follow-list li:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

    .user-navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .user-info .avator {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 5px 10px 0;
    }

    .user-navbar .user-info .avator,
    .user-info p {
        float: left;
    }

    .user-info p {
        margin-top: 10px;
    }
</style>
<div class="data">
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li><a href="{:url('/index/profile/index',['uid' => $Request.get.uid])}">帖子({$userData.articleCount})</a>
            </li>
            <li><a href="{:url('/index/profile/collect',['uid' => $Request.get.uid])}">收藏({$userData.collectCount})</a>
            </li>
            <li class="layui-this"><a
                    href="{:url('/index/profile/follow',['uid' => $Request.get.uid])}">关注({$userData.followCount})</a>
            </li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <ul class="follow-list">
                    {if count($list) == 0 }
                    <p class="no-data">什么也没有~</p>
                    {/if}
                    {volist name="list" id="follow"}
                    <li>
                        <div class="user-navbar">
                            <div class="user-info layui-clear">
                                <img src="{$follow.userInfo.head_icon}" alt="{$follow.userInfo.nickname}"
                                    class="avator">
                                <p class="layui-font "><a class="layui-font-blue"
                                        href="{:url('/index/profile/index' , ['uid' => $follow.follow_user_id])}">{$follow.userInfo.nickname}</a>
                                    <!-- <br>
                                <span class="layui-badge layui-bg-blue ">超级会员</span> -->
                                </p>
                            </div>
                        </div>
                    </li>
                    {/volist}
                </ul>
                <div class="paginate">
                    {$page|raw}
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
 {include file="common/bottom"}
{include file="profile/common/bottom"}
